<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<mate name="vieport" content="width=device-width,initial-scale=1 user-scalable=0">
<title>无标题文档</title>
<style>
.center{
position: absolute;
top: 50%;
left: 50%;
width:50%;
height:30%;
padding:20px;
text-align:center;
background:#fff;
color:#000;
transform: translate(-50%, -50%);
}
body{height:100%;}
.login_wrapper{height:100%}
.login_header,.login_footer{background-color:black;height:20%}
.login_content{height:60%;}
</style>
</head>

<body>
<div class="login_wrapper">
<div class="login_header">
<div class="login_content">
<div class="login_footer">
<div class="center">
<div>


	<div><img src="u=247839031,1854536700&fm=85&s=33946726013B4023126DA97103005073.jpg" ></div>
    <div class="login-form" >
	<div>账号：
	  <input id="txtName" type="text" placeholder="请输入账号" ></div>
	<div>密码：
	  <input id="txtPass" type="password" placeholder="请输入密码" ></div>
<div>
<p>
手机：<input id="txtSms" type="password" placeholder="请输入手机号" >
</p>
	<p>
	  <input id="getSmsBtn" type="button" value="获取短信验证码"  />
      <input id="txtPass" type="password" placeholder="请输入验证码" ></div>
	  </p>
</div>
    <div><input id="loginBtn" type="button" value="登录" >
      <input id="loginBtn" type="button" value="注册" ></div>
    </div>
    <div > <a href="#">忘记密码？</a></div>

    </div>
    </div>

</body>
</html>
